<extend name="en_us:Public:base" />
<block name="title">
    <title>Card payment</title>
    
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/MemberPage/info.css?rev=8ce4b33bb527b09bc709ca6b5735e7ca">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/toastr/2.1.2/toastr.min.css?rev=e36d7ff8c89b5bb6e9db66a169d59c47">
</block>
<block name="document">
    <div id="doc" class="container">
        <div class="background-F5"></div> 
        <div id="doc-body">
            <div class="verify-content">
                <a href="javascript:void(0);" class="type-list flex-direction-row">
                    <div class="typo-text-black-deep type-list-label">Phone number</div>
                    <div class="typo-text-black-deep type-list-areaCode">+<span>{:session(C('USER_AREACODE'))}</span></div>
                    <div class="typo-text-black-deep hotel-name flex-1">
                        <input type="text" class="form-control" readonly="readonly" value="{:session(C('USER_MOBILE'))}" id="requestMobile" placeholder="Please input the phone no.">
                    </div>
                </a>      
                <a href="javascript:void(0);" class="type-list flex-direction-row">
                    <div class="typo-text-black-deep type-list-label">Auth code</div>
                    <div class="typo-text-black-deep typo-text-mobile flex-1">
                        <input type="text" class="form-control" maxlength="4" id="requestRecharge" placeholder="Security code">
                    </div>
                    <div class="typo-text-black-deep getCode"><span class="displayTime"></span>Get code</div>
                </a>       
                <div id="doc-header" class="navbar navbar-fixed-top" >
                    <div disabled="disabled" id="paybtn" data-payparams='{$qrclientPayParams}' class="col-xs-12  btn-sm btn-accent btn-raised">Confirm payment</div>
                </div>  
            </div>                   
        </div>
        <include file="en_us:Public:Include_login" />
    </div>
    <include file="en_us:Public:Include_loading" is-hidden="hidden" />
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/jslib/toastr/2.1.2/toastr.min.js?rev=1778e466055d4a265993e979c174c338"></script>
    <script type="text/javascript" src="/Public/dist/Home/MemberPage/verify.js?rev=b1f9585abe676cfbcafa48d285954ec12"></script>
</block>
